<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>knowledge</title>
  <link rel="stylesheet" href="src/font/css/font-awesome.min.css">
  <link rel="stylesheet" href="src/css/index.css">
</head>
<body class="knowledge">
  <div class="nav">
    <ul>
      <li><a href="javascript:void(0)">首页</a></li>
      <li><a href="javascript:void(0)">摄影比赛</a></li>
      <li><a href="javascript:void(0)">作品欣赏</a></li>
      <li><a href="javascript:void(0)">摄影知识</a></li>
      <li><a href="javascript:void(0)">协会信息</a></li>
      <li><a href="javascript:void(0)">我的空间</a></li>
    </ul>
  </div>
  <div class="adress">
    <p>
      <a href="javascript:void(0)">您所在的位置</a>&#58;<a href="javascript:void(0)">主页</a>&#62;&#62;<a href="javascript:void(0)">摄影知识</a>
    </p>
  </div>
  <div class="latest-events">
    <div class="events-inf">
      <div class="events-img">
        <img src="src/img/1.jpg" alt="">
        <img src="src/img/2.jpg" alt="">
        <img src="src/img/3.jpg" alt="">
        <img src="src/img/4.jpg" alt="">
        <img src="src/img/5.jpg" alt="">
        <img src="src/img/6.jpg" alt="">
        <img src="src/img/7.jpg" alt="">
      </div>
      <div class="head-mask">
        <p>梦幻世界 20岁姑娘</p>
        <p>哈内姆勒艺术纸2</p>
        <p>哈内姆勒艺术纸3</p>
        <p>哈内姆勒艺术纸4</p>
        <p>哈内姆勒艺术纸5</p>
        <p>哈内姆勒艺术纸6</p>
      </div>
      <div class="content-mask">
        <div>
          <p>触手可破的脆弱感 营造梦幻世界的20岁姑娘</p>
          <p>20岁的Alex Benetel 来自澳大利亚，十五岁就开始学习视觉设计课程的她，逐渐对摄影......</p>          
        </div>
        <div>
          <p>哈内姆勒艺术纸2</p>
          <p>哈内姆勒艺术纸2</p>
        </div>
        <div>
          <p>哈内姆勒艺术纸3</p>
          <p>哈内姆勒艺术纸3</p>
        </div>
        <div>
          <p>哈内姆勒艺术纸4</p>
          <p>哈内姆勒艺术纸4</p>
        </div>
        <div>
          <p>哈内姆勒艺术纸5</p>
          <p>哈内姆勒艺术纸5</p>
        </div>
        <div>
          <p>哈内姆勒艺术纸6</p>
          <p>哈内姆勒艺术纸6</p>
        </div>
      </div>
    </div>
    <div class="events-list">
      <div class="list-head">最新赛事</div>
      <div>
      <ul>
        <li>
          <span></span>
          <a href="">
            梦幻世界 20岁姑娘
          </a>
        </li>
        <li>
          <span></span>
          <a href="">
            梦幻世界 20岁姑娘
          </a>
        </li>
        <li>
          <span></span>
          <a href="">
            梦幻世界 20岁姑娘
          </a>
        </li>
        <li>
          <span></span>
          <a href="">
            梦幻世界 20岁姑娘
          </a>
        </li>
        <li>
          <span></span>
          <a href="">
            梦幻世界20岁姑娘梦幻世界20岁姑娘梦幻世界 20岁姑娘梦幻世界 20岁姑娘
          </a>
        </li>
        <li>
          <span></span>
          <a href="">
            梦幻世界 20岁姑娘
          </a>
        </li>

      </ul>
      </div>
    </div>
  </div>
  <div class="knowlege-content">
    <div class="article-inf">
      <div class="skill">
        <div class="skill-head">
          <span>摄影技巧</span>
          <a href="">更多&#62;&#62;</a>
        </div>
        <div class="skill-content">
          <div class="skill-img" id="photo-skill-img">
            <img src="src/img/9.jpg" alt="">
            <img src="src/img/8.jpg" alt="">
            <img src="src/img/7.jpg" alt="">
          </div>
          <div class="skill-items" id="photo-skill">
            <ul>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="skill">
        <div class="skill-head">
          <span>设备介绍</span>
          <a href="">更多&#62;&#62;</a>
        </div>
        <div class="skill-content">
          <div class="skill-img" id="device-img">
            <img src="src/img/2.jpg" alt="">
            <img src="src/img/3.jpg" alt="">
            <img src="src/img/4.jpg" alt="">
          </div>
          <div class="skill-items" id="device">
            <ul>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="skill">
        <div class="skill-head">
          <span>经验分享</span>
          <a href="">更多&#62;&#62;</a>
        </div>
        <div class="skill-content">
          <div class="skill-img" id="experience-img">
            <img src="src/img/8.jpg" alt="">
            <img src="src/img/5.jpg" alt="">
            <img src="src/img/6.jpg" alt="">
          </div>
          <div class="skill-items" id="experience">
            <ul>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
              <li>
                <span></span>
                <div>
                  <a href="">
                    <p>环球旅行环球旅行环球旅环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的</p>                    
                  </a>
                  <a href="">
                    <p id="line">环球旅行摄影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想影师，几乎是每个热爱摄影的人的梦想，几乎是每个热爱摄影的人的梦想</p>
                  </a>
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="teach-video">
        <div class="video-head">
          <span>教学视频</span>
          <a href="">更多&#62;&#62;</a>
        </div>    
        <div class="video-content">
          <div class="video-first">
            <video src="">
            </video>
          </div>
          <div class="video-others">
            <video src="">
            </video>
            <video src="">
            </video>        
          </div>        
        </div> 
      </div>
    </div>
    <div class="hot">
      <div class="hot-match">
        <div class="hot-head">
          <span>热门赛事</span>
        </div>
        <ul>
          <li><img src="src/img/7.jpg" alt=""></li>
          <li><img src="src/img/7.jpg" alt=""></li>
        </ul>
      </div>
      <div class="hot-order">
        <div class="hot-head">
          <span>热门排名</span>
          <a href="">更多&#62;&#62;</a>
        </div>
        <ul>
          <li>
            <span>01</span>
            <img src="src/img/6.jpg" alt="">
            <div>
              <span>西西</span>
              <p><span>人像</span>-<span>风景</span></p>
            </div>
          </li>
          <li>
            <span>02</span>
            <img src="src/img/6.jpg" alt="">
            <div>
              <span>西西</span>
              <p><span>人像</span>-<span>风景</span></p>
            </div>
          </li>
          <li>
            <span>03</span>
            <img src="src/img/6.jpg" alt="">
            <div>
              <span>西西</span>
              <p><span>人像</span>-<span>风景</span></p>
            </div>
          </li>
          <li>
            <span>04</span>
            <img src="src/img/6.jpg" alt="">
            <div>
              <span>西西</span>
              <p><span>人像</span>-<span>风景</span></p>
            </div>
          </li>
          <li>
            <span>05</span>
            <img src="src/img/6.jpg" alt="">
            <div>
              <span>西西</span>
              <p><span>人像</span>-<span>风景</span></p>
            </div>
          </li>
        </ul>
      </div>
      <div class="hot-code">
        <img src="src/img/code.png" alt="">
        <p>天天摄影</p>
      </div>
    </div>    
  </div> 

  <div class="friendlyLink">
    <a href="">摄团网</a>
    <a href="">摄派网</a>
    <a href="">摄影论坛</a>
    <a href="">新浪数码相机</a>
    <a href="">天极数码</a>
    <a href="">ZOL数码</a>
    <a href="">锐意网</a>
    <a href="">卓美网</a>
    <a href="">摄苑网</a>
    <a href="">摄影日报</a>
    <a href="">旅游日报</a>
    <a href="">旅游名店城</a>
    <a href="">光影魔术手</a>
    <a href="">思缘网</a>
    <a href="">Leica中文摄影</a>
    <a href="">泡泡网</a>
    <a href="">POCO摄影网</a>
    <a href="">色影无忌</a>
    <a href="">中国设计之窗</a>
    <a href="">中华网旅游</a>
    <a href="">摄影之友</a>
    <a href="">我图网</a>
    <a href="">改图网</a>
    <a href="">中国国家地理</a>
    <a href="">环球摄影</a>
    <a href="">LOGO设计</a>
    <a href="">PChome数码</a>
    <a href="">黑光论坛</a>
    <a href="">爱奇艺纪录片</a>
    <a href="">地里时间</a>
    <a href="">搜狐数码公社</a>
    <a href="">更多友情连接</a>
  </div>  
  <div class="footer">
    <div class="foot_link">
      <a href="/">关于网站</a> &nbsp;| &nbsp;
      <a href="/gongnengjieshao/">关于协会</a> &nbsp;|&nbsp; 
      <a href="/ruanjianxiazai/">申请入会</a> &nbsp;|&nbsp; 
      <a href="/system/">服务条款</a> &nbsp;|&nbsp; 
      <a href="/faq/">联系我们</a> &nbsp;|&nbsp; 
      <a href="/message/">会员服务</a> &nbsp;|&nbsp; 
      <a href="/info/guanyuwomen/" rel="nofollow">广告服务</a> &nbsp;| &nbsp;
      <a href="/sitemap.html" rel="nofollow">帮助中心</a>
    </div>
    <p>网站声明：本网站由手机摄影艺术协会主办，设计个人肖像的照片，未经本人同意，严禁转载，违者追究相关法律责任！</p>
    <p>中国——福建 闽ICP备：08001196号 互联网新闻信息服务许可证【编号: 3512006002】</p>
    <p>短信息类服务介入代码使用证： 闽【2008】0019——B001；增值电信业务经营许可证：闽B2_20080039</p>
    <p>技术支持：好迪网络</p>
  </div>    
    <script src="./src/js/clamp.js"></script>
  <script src="./src/js/keepline.js"></script>
  <script src="./src/js/jquery-1.9.1.min.js"></script>

  <script src="./src/js/appreciation.js"></script>
  <script src="./src/js/changephoto.js"></script>
</body>
</html>